<!-- 在职人力 -->
<ion-header>
    <ion-toolbar content-page>
        <ion-buttons start (click)="backToProPage()">
            <button ion-button icon-only>
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>在职人力</ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
    <div class="staff-header-wrapper">
        <ul>
            <li (click)="showBusinessGroup($event)">
                所辖组<span></span>
            </li>
            <li>营销员</li>
            <li>编号</li>
            <li>职级</li>
            <li>出生日期</li>
            <li>在职<br>时间</li>
        </ul>
    </div>
</ion-header>

<ion-content>
    <div *ngIf="(!staffs || staffs.length === 0) && isLoaded" class="no-data">
        <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
        <div class="no-data-txt">没有相关数据</div>
    </div>
    <div class="staff-info-detail">
        <ul>
            <li *ngFor="let item of staffs" [hidden]="showGroup==='0'?false:(showGroup===item.groupId?false:true)" class="person-info" [ngClass]="item.isBirthday===1?'birthday':(item.isAnniversary===1?'anniversary':'')">
                <ul class="details">
                    <li>{{item.groupName}}</li>
                    <li>{{item.agentName}}</li>
                    <li>{{item.agentCode}}</li>
                    <li>{{item.level}}</li>
                    <li>{{item.birthday}}</li>
                    <li [innerHTML]="(item.workingTime | addBrTag)"></li>
                </ul>
            </li>
        </ul>
    </div>
    <ion-fab bottom right class="go-up">
        <button ion-fab (click)="goUp()" color="light">
            <img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">
        </button>
    </ion-fab>
</ion-content>
